<template>
    <div>
        <detail-header></detail-header>
        <detail-banner :sight-name="sightName" :banner-img="bannerImage" :gallery-images="galleryImages"></detail-banner>
        <div class="content-box">
            <detail-list :list="categoryList"></detail-list>
        </div>
    </div>
</template>
<script>
import axios from 'axios'
import DetailHeader from './components/Header'
import DetailBanner from './components/Banner'
import DetailList from './components/List'
export default {
    name:'Detail',
    components:{
        'detail-header':DetailHeader,
        'detail-banner':DetailBanner,
        'detail-list':DetailList
    },
    data(){
        return{
            sightName:'',
            bannerImage:'',
            galleryImages:[],
            categoryList:[]
        }
    },
    methods:{
        getDetailInfo(){
            this.axios('/api/')
        }
    }
}
</script>
<style lang="stylus" scoped>

</style>